import React, { useEffect, useContext, useState } from 'react';
import { ProjectContext } from '../../wrapper/project.provider';
import './home.less';
import ProjectCard from "./common/project-card";
import { Tooltip } from "antd";
import UiText from "../../component/ui-text";

export default function Home() {
  const {project} = useContext < any > (ProjectContext);
  return (
    <div className="home-container">
      {project
        .list
        .map((it : any, i : number) => <ProjectCard project={it} key={i} />)
      }
    </div>
  )
}
